<template>
  <div class="risk-compliance c-shadow">
    <jTabNav :items="tabList"></jTabNav>
    <div class="judgment">
      <h4 class="detail-base-title d_jump" ref="riskInformation">被执行人信息<span>{{total || 0}}</span></h4>
      <j-no-data v-if="writData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in writ" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in writData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.court || '--'}}</td>
              <td>{{item.caseNo || '--'}}</td>
              <td>{{item.executeObject || '--'}}</td>
              <td>{{item.caseStatus || '--'}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total>5"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page.sync="pageNum"
            :page-size="pageSize"
            layout="prev, pager, next, jumper"
            :total="total">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation1">失信被执行人信息<span>{{total1 || 0}}</span></h4>
      <j-no-data v-if="bzxrData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table class="sxbzx">
          <thead>
            <tr>
              <th v-for="title in bzxr" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in bzxrData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.caseNo || '--'}}</td>
              <td>{{item.count || '--'}}</td>
              <td>{{item.publishDate | dateFormat}}</td>
              <td class="small">{{item.duty || '--'}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total1>5"
            @size-change="handleSizeChange1"
            @current-change="handleCurrentChange1"
            :current-page.sync="pageNum1"
            :page-size="pageSize1"
            layout="prev, pager, next, jumper"
            :total="total1">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation2">裁判文书<span>{{total2 || 0}}</span></h4>
      <!-- <j-no-data v-if="!cpwsData || cpwsData.length === 0" :mode="'b'" msg="b"></j-no-data> -->
      <j-no-data v-if="total2 === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <ul v-for="(item,index) in cpwsData" :key="index">
          <li class="litable">
            <h4>
              <span>{{index + 1}}</span>
              <a v-if="item.doccontent" href="javascript:;" @click.prevent="getInfo(cpwsData[index], 0, false)">{{item.name}}</a>
              <b v-else>{{item.name}}</b>
            </h4>
            <table class="table">
              <tr>
                <th class="short">案号</th>
                <td>{{item.casecode || '--'}}</td>
                <th class="short">案件类型</th>
                <td>{{item.type || '--'}}</td>
              </tr>
              <tr>
                <th class="short">裁判日期</th>
                <td>{{item.publishtime | dateFormat}}</td>
                <th class="short">审理法院</th>
                <td>{{item.courtname || '--'}}</td>
              </tr>
            </table>
          </li>
        </ul>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total2>5"
            @size-change="handleSizeChange2"
            @current-change="handleCurrentChange2"
            :current-page.sync="pageNum2"
            :page-size="pageSize2"
            layout="prev, pager, next, jumper"
            :total="total2">
          </el-pagination>
        </div>
      </div> 
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation3">法院公告<span>{{total3 || 0}}</span></h4>
      <j-no-data v-if="fyggData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table class="fyggwrap">
          <thead>
            <tr>
              <th v-for="title in fygg" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in fyggData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.noticeType || '--'}}</td>
              <td>{{item.party || '--'}}</td>
              <td>{{item.court || '--'}}</td>
              <td>{{item.noticeDate | dateFormat}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
        <el-pagination v-if="total3>5"
          @size-change="handleSizeChange3"
          @current-change="handleCurrentChange3"
          :current-page.sync="pageNum3"
          :page-size="pageSize3"
          layout="prev, pager, next, jumper"
          :total="total3">
        </el-pagination>
      </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation4">行政处罚信息<span>{{total4 || 0}}</span></h4>
      <j-no-data v-if="xzcfData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in xzcf" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in xzcfData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.punishmentDate | dateFormat}}</td>
              <td>{{item.legalType | character}}</td>
              <td>{{item.bookNumber || '--'}}</td>
              <td>{{item.punishmentOrganization || '--'}}</td>
              <td>{{item.punishmentContent | character}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total4>5"
            @size-change="handleSizeChange4"
            @current-change="handleCurrentChange4"
            :current-page.sync="pageNum4"
            :page-size="pageSize4"
            layout="prev, pager, next, jumper"
            :total="total4">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation5">环保行政处罚信息<span>{{total5 || 0}}</span></h4>
      <j-no-data v-if="hbxzData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table class="lessxx">
          <thead>
            <tr>
              <th v-for="title in hbxz" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in hbxzData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.caseCode || '--'}}</td>
              <td>{{item.punishContent || '--'}}</td>
              <td>{{item.punishResult || '--'}}</td>
              <td>{{item.punishDate | dateFormat}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total5>5"
            @size-change="handleSizeChange5"
            @current-change="handleCurrentChange5"
            :current-page.sync="pageNum5"
            :page-size="pageSize5"
            layout="prev, pager, next, jumper"
            :total="total5">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation6">税务行政处罚信息<span>{{total6 || 0}}</span></h4>
      <j-no-data v-if="swxzData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table class="swxzcp">
          <thead>
            <tr>
              <th v-for="title in swxz" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in swxzData" :key="index">
              <td>{{index +  1}}</td>
              <td>{{item.caseCode || '--'}}</td>
              <td>{{item.punishReason || '--'}}</td>
              <td>{{item.punishResult || '--'}}</td>
              <td>{{item.punishStartTime | dateFormat}}</td>
              <td>{{item.punishOrg || '--'}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total6>5"
            @size-change="handleSizeChange6"
            @current-change="handleCurrentChange6"
            :current-page.sync="pageNum6"
            :page-size="pageSize6"
            layout="prev, pager, next, jumper"
            :total="total6">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation7">食药监失信<span>{{(total0 + total7 + total8 + total9) || 0}}</span></h4>
      <j-no-data v-if="total0 === 0 && total7 === 0 && total8 === 0 && total9 === 0" :mode="'b'" msg="b"></j-no-data>
      <div v-else class="table-wrap syjsx">
        <!-- v-else -->
        <div class="gjspaqcj czxx">
          <h5 class="detail-base-title">国家食品安全抽检<select v-model="gjspflag" @change="gjspchange(gjspflag)">
            <option :value="item.flag" v-for="(item,index) in options" :key="index">{{item.name}}</option>
          </select></h5>
          <div v-if="gjspcjData && gjspcjData.length !== 0">
            <table class="moremess">
              <thead>
                <tr>
                  <th v-for="title in gjspcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item,index) in gjspcjData" :key="index">
                  <td class="short">{{index + 1}}</td>
                  <td class="short">{{item.foodName || '--'}}</td>
                  <td class="short">{{item.specifications || '--'}}</td>
                  <td class="short">{{item.releaseDate | dateFormat}}</td>
                  <td class="short">{{item.classification || '--'}}</td>
                  <td class="short">{{item.announcement || '--'}}</td>
                  <td>{{item.checkProject || '--'}}</td>
                </tr>
              </tbody>
            </table>
            <div class="block paging-wrap fr">
              <el-pagination v-if="total7>5"
                @size-change="handleSizeChange7"
                @current-change="handleCurrentChange7"
                :current-page.sync="pageNum7"
                :page-size="pageSize7"
                layout="prev, pager, next, jumper"
                :total="total7">
              </el-pagination>
            </div>
          </div>
          <div v-else-if="gjspcjData.length === 0 && gjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in gjspcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="7">
                  暂无国家食品安全抽检合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
          <div v-else-if="gjspcjData.length === 0 && !gjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in gjspcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="7">
                  暂无国家食品安全抽检不合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
        </div>
        <div class="sjspaqjdcj czxx">
          <h5 class="detail-base-title">省级食品安全监督抽检<select v-model="sjspflag" @change="sjspchange(sjspflag)">
            <option :value="item.flag" v-for="(item,index) in options" :key="index">{{item.name}}</option>
          </select></h5>
          <div v-if="sjspjdcjData && sjspjdcjData.length !== 0">
            <table>
              <thead>
                <tr>
                  <th v-for="title in sjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item,index) in sjspjdcjData" :key="index">
                  <td>{{index + 1}}</td>
                  <td>{{item.foodName || '--'}}</td>
                  <td>{{item.specifications || '--'}}</td>
                  <td>{{item.releaseDate | dateFormat}}</td>
                  <td>{{item.classification || '--'}}</td>
                  <td>{{item.announcement || '--'}}</td>
                  <td>{{item.announcementDate | dateFormat}}</td>
                  <td>{{item.taskSource || '--'}}</td>
                </tr>
              </tbody>
            </table>
            <div class="block paging-wrap fr">
              <el-pagination v-if="total8>5"
                @size-change="handleSizeChange8"
                @current-change="handleCurrentChange8"
                :current-page.sync="pageNum8"
                :page-size="pageSize8"
                layout="prev, pager, next, jumper"
                :total="total8">
              </el-pagination>
            </div>
          </div>
          <div v-else-if="sjspjdcjData.length === 0 && sjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in sjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="8">
                  暂无省级食品安全监督抽检合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
          <div v-else-if="sjspjdcjData.length === 0 && !sjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in sjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="8">
                  暂无省级食品安全监督抽检不合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
        </div>
        <div class="gjbjpjdcj czxx">
          <h5 class="detail-base-title">国家保健食品安全监督抽检<select v-model="bjspflag" @change="bjspchange(bjspflag)">
            <option :value="item.flag" v-for="(item,index) in options" :key="index">{{item.name}}</option>
          </select></h5>
          <div v-if="gjbjspjdcjData && gjbjspjdcjData.length !== 0">
            <table>
              <thead>
                <tr>
                  <th v-for="title in gjbjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <tr v-for="(item,index) in gjbjspjdcjData" :key="index">
                  <td>{{index + 1}}</td>
                  <td>{{item.productName || '--'}}</td>
                  <td>{{item.batchNumber || '--'}}</td>
                  <td>{{item.specifications || '--'}}</td>
                  <td>{{item.checkProject || '--'}}</td>
                  <td>{{item.announcement || '--'}}</td>
                  <td>{{item.classification || '--'}}</td>
                  <td>{{item.checkProject || '--'}}</td>
                </tr>
              </tbody>
            </table>
            <div class="block paging-wrap fr">
              <el-pagination v-if="total9>5"
                @size-change="handleSizeChange9"
                @current-change="handleCurrentChange9"
                :current-page.sync="pageNum9"
                :page-size="pageSize9"
                layout="prev, pager, next, jumper"
                :total="total9">
              </el-pagination>
            </div>
          </div>
          <div v-else-if="gjbjspjdcjData.length === 0 && bjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in gjbjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="8">
                  暂无国家保健食品安全监督抽检合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
          <div v-else-if="gjbjspjdcjData.length === 0 && !bjspflag">
            <table>
              <thead>
                <tr>
                  <th v-for="title in gjbjspjdcj" :key="title">{{title}}</th>
                </tr>
              </thead>
              <tbody>
                <td colspan="8">
                  暂无国家保健食品安全监督抽检不合格数据，不排除数据采集滞后和未公示的可能，仅供参考
                </td>
              </tbody>
            </table>
          </div>
        </div>
        <div class="gjypjdcj czxx">
          <h5 class="detail-base-title">国家药品抽检</h5>
          <table>
            <thead>
              <tr>
                <th v-for="title in gjypcj" :key="title">{{title}}</th>
              </tr>
            </thead>
            <tbody v-if="gjypcjData && gjypcjData.length !== 0">
              <tr v-for="(item,index) in gjypcjData" :key="index">
                <td>{{index + 1}}</td>
                <td>{{item.medicineName || '--'}}</td>
                <td>{{item.medicineSpecifications || '--'}}</td>
                <td>{{item.batchNumber || '--'}}</td>
                <td>{{item.checkSource || '--'}}</td>
                <td>{{item.checkResult || '--'}}</td>
                <td>{{item.unqualifiedProject || '--'}}</td>
                <td>{{item.checkOrganization || '--'}}</td>
                <td>{{item.checkClassification || '--'}}</td>
              </tr>
            </tbody>
            <tbody v-else>
              <td colspan="9">
                暂无国家药品抽检数据，不排除数据采集滞后和未公示的可能，仅供参考
              </td>
            </tbody>
          </table>
          <div class="block paging-wrap fr">
            <el-pagination v-if="total0>5"
              @size-change="handleSizeChange0"
              @current-change="handleCurrentChange0"
              :current-page.sync="pageNum0"
              :page-size="pageSize0"
              layout="prev, pager, next, jumper"
              :total="total0">
            </el-pagination>
          </div>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation01">行政许可<span>{{total01 || 0}}</span></h4>
      <j-no-data v-if="xzxkData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in xzxk" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in xzxkData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.licenseFileCode || '--'}}</td>
              <td>{{item.licenseFileName || '--'}}</td>
              <td>{{item.licenseContent || '--'}}</td>
              <td>{{item.licenseOrganization || '--'}}</td>
              <td>{{item.licensePeriodStart | dateFormat}}</td>
              <td>{{item.licensePeriodEnd | dateFormat}}</td>
            </tr>
          </tbody>
        </table>
          <div class="block paging-wrap fr">
            <el-pagination v-if="total01>5"
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange01"
              :current-page.sync="pageNum01"
              :page-size="pageSize01"
              layout="prev, pager, next, jumper"
              :total="total01">
            </el-pagination>
          </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation02">经营异常<span>{{total02 || 0}}</span></h4>
      <j-no-data v-if="jyycData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in jyyc" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in jyycData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.inputReason}}</td>
              <td>{{item.inputDate | dateFormat}}</td>
              <td>{{item.inputOrganization || '--'}}</td>
              <td>{{item.outputReason || '--'}}</td>
              <td>{{item.outputDate | dateFormat}}</td>
              <td>{{item.outputOrganization || '--'}}</td>
            </tr>
          </tbody>
        </table>
      <div class="block paging-wrap fr">
        <el-pagination v-if="total02>5"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange02"
          :current-page.sync="pageNum02"
          :page-size="pageSize02"
          layout="prev, pager, next, jumper"
          :total="total02">
        </el-pagination>
      </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation03">抽查检查<span>{{total03 || 0}}</span></h4>
      <j-no-data v-if="ccjcData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in ccjc" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in ccjcData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.checkDate | dateFormat}}</td>
              <td>{{item.checkType || '--'}}</td>
              <td>{{item.checkResult || '--'}}</td>
              <td>{{item.checkOrganization || '--'}}</td>
            </tr>
          </tbody>
        </table>
          <div class="block paging-wrap fr">
            <el-pagination v-if="total03>5"
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange03"
              :current-page.sync="pageNum03"
              :page-size="pageSize03"
              layout="prev, pager, next, jumper"
              :total="total03">
            </el-pagination>
          </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation04">司法协助<span>{{total04 || 0}}</span></h4>
      <j-no-data v-if="sfxzData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in sfxz" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in sfxzData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.executeMan || '--'}}</td>
              <td>{{item.equityNumber || '--'}}</td>
              <td>{{item.court || '--'}}</td>
              <td>{{item.noticeCode || '--'}}</td>
              <td>{{item.type || '--'}}</td>
            </tr>
          </tbody>
        </table>
      <div class="block paging-wrap fr">
        <el-pagination v-if="total04>5"
          @size-change="handleSizeChange04"
          @current-change="handleCurrentChange04"
          :current-page.sync="pageNum04"
          :page-size="pageSize04"
          layout="prev, pager, next, jumper"
          :total="total04">
        </el-pagination>
      </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation05">动产抵押<span>{{total05 || 0}}</span></h4>
      <j-no-data v-if="dcdyData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in dcdy" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in dcdyData" :key="item.writ">
              <td>{{index + 1}}</td>
              <td>{{item.retisterCode || '--'}}</td>
              <td>{{item.retisterDate | dateFormat}}</td>
              <td>{{item.retisterOrganization || '--'}}</td>
              <td>{{item.guaranteedNumber || '--'}}</td>
              <td>{{item.status || '--'}}</td>
              <td>{{item.publishDate | dateFormat}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total05>5"
            @size-change="handleSizeChange05"
            @current-change="handleCurrentChange05"
            :current-page.sync="pageNum05"
            :page-size="pageSize05"
            layout="prev, pager, next, jumper"
            :total="total05">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation07">抵押权人<span>{{total07 || 0}}</span></h4>
      <j-no-data v-if="dyqrData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in dyqr" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in dyqrData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.estateMortgageId || '--'}}</td>
              <td>{{item.mortgateOwner || '--'}}</td>
              <td>{{item.certificateType || '--'}}</td>
              <td>{{item.certificateNo || '--'}}</td>
              <td>{{item.address || '--'}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total07>5"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange07"
            :current-page.sync="pageNum07"
            :page-size="pageSize07"
            layout="prev, pager, next, jumper"
            :total="total07">
          </el-pagination>
        </div>
      </div>
    </div>
    <div class="judgment mb10">
      <h4 class="detail-base-title d_jump" ref="riskInformation06">抵押物<span>{{total06 || 0}}</span></h4>
      <j-no-data v-if="dywData.length === 0" :mode="'b'" msg="b"></j-no-data>
      <div class="table-wrap" v-else>
        <table>
          <thead>
            <tr>
              <th v-for="title in dyw" :key="title">{{title}}</th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(item,index) in dywData" :key="index">
              <td>{{index + 1}}</td>
              <td>{{item.estateMortgageId || '--'}}</td>
              <td>{{item.goodsName || '--'}}</td>
              <td>{{item.ownership || '--'}}</td>
              <td>{{item.detail || '--'}}</td>
              <td>{{item.remark || '--'}}</td>
            </tr>
          </tbody>
        </table>
        <div class="block paging-wrap fr">
          <el-pagination v-if="total06>5"
            @size-change="handleSizeChange06"
            @current-change="handleCurrentChange06"
            :current-page.sync="pageNum06"
            :page-size="pageSize06"
            layout="prev, pager, next, jumper"
            :total="total06">
          </el-pagination>
        </div>
      </div>
    </div>
    <el-dialog title="详情" :visible.sync="show" width="80%">
      <div class="table-wrap dialog">
        <table>
          <tbody>
            <tr v-for="(item,idx) in contentKey" :key="idx" v-if="getValue(item)">
              <td width="18%" style="text-align:left">{{item}}</td>
              <td v-if="item.indexOf('链接') !== -1" style="text-align:left">
                <a target="_blank" :href="getValue(item)">{{getValue(item)}}</a>
              </td>
              <td v-else style="text-align:left">{{getValue(item)}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import { jTabNav, jNoData, jDialog } from '../../components'
import { sysSetting as api } from '../../api'
import { dir } from '../../assets/js/dir'
export default {
  data() {
    return {
      options: [
        {
          name: '合格',
          flag: true
        },
        {
          name: '不合格',
          flag: false
        }
      ],
      loading:true,
      tabList: [],
      params: {},
      contentDir: [],
      contentKey: [],
      gjspflag:true,
      sjspflag:true,
      bjspflag:true,
      show: false,
      dialogContent: '',
      // 被执行人信息
      writ: ['序号', '执行法院', '案号', '执行标的', '案件状态'],
      writData: [],
      writDatas: 0,
      pageNum: 1,
      pageSize: 5,
      total: 0,
      // 失信被执行人
      bzxr: ['序号', '案号', '执行法院', '发布时间', '生效法律文书确定的义务'],
      bzxrData: [],
      bzxrDatas: 0,
      pageNum1: 1,
      pageSize1: 5,
      total1: 0,
      // 裁判文书
      cpwsData: [],
      cpwsDatas: 0,
      pageNum2: 1,
      pageSize2: 5,
      total2: 0,
      // 法律公告
      fygg: ['序号', '公告类型', '当事人', '法院', '公告时间'],
      fyggData: [],
      fyggDatas: 0,
      pageNum3: 1,
      pageSize3: 5,
      total3: 0,
      // 行政处罚信息
      xzcf: ['序号', '处罚时间', '处罚类型', '处罚文书号', '处罚单位', '处罚结果'],
      xzcfData: [],
      xzcfDatas: 0,
      pageNum4: 1,
      pageSize4: 5,
      total4: 0,
      // 环保行政处罚
      hbxz: ['序号', '决定书文号', '环境违法事实和证据', '处罚结果', '创建日期'],
      hbxzData: [],
      hbxzDatas: 0,
      pageNum5: 1,
      pageSize5: 5,
      total5: 0,
      // 税务行政处罚
      swxz: ['序号', '决定文书号', '处罚事由', '处罚结果', '处罚生效日期', '处罚机关'],
      swxzData: [],
      swxzDatas: 0,
      pageNum6: 1,
      pageSize6: 5,
      total6: 0,
      // 食药监失信
      // 国家食品安全抽检
      gjspcj: ['序号', '食品名称', '规格型号', '生产日期/批号', '分类', '公告号', '抽检项目'],
      gjspcjData: [],
      gjspcjData1: 0,
      gjspcjData0: 0,
      pageNum7: 1,
      pageSize7: 5,
      total7: 0,
      totall7: 0,
      // 省级食品安全监督抽检
      sjspjdcj: ['序号', '食品名称', '规格型号', '生产日期/批号', '分类', '公告号', '公告日期', '任务来源 /项目名称'],
      sjspjdcjData: [],
      sjspjdcjData1: 0,
      sjspjdcjData0: 0,
      pageNum8: 1,
      pageSize8: 5,
      total8: 0,
      totall8: 0,
      // 国家保健食品安全监督抽检
      gjbjspjdcj: ['序号', '标称产品名称', '批号', '规格（包装规格）', '检验项目', '公告号', '分类', '抽检项目'],
      gjbjspjdcjData: [],
      gjbjspjdcjData1: 0,
      gjbjspjdcjData0: 0,
      pageNum9: 1,
      pageSize9: 5,
      total9: 0,
      totall9: 0,
      // 国家药品抽检
      gjypcj: ['序号', '药品名称', '药品规格', '生产批号', '检验来源', '检验结果', '不合格项目', '检验机构', '检验类别'],
      gjypcjData: [],
      gjypcjDatas: 0,
      pageNum0: 1,
      pageSize0: 5,
      total0: 0,
      // 行政许可
      xzxk: ['序号', '许可书编号', '许可文件名称', '许可内容', '许可机关', '有效期自', '有效期至'],
      xzxkData: [],
      xzxkDatas: 0,
      pageNum01: 1,
      pageSize01: 5,
      total01: 0,
      // 经营异常
      jyyc: ['序号', '经营异常名录原因（列入）', '列入日期', '做出决定机关（列入）', '移出经营异常名录原因', '移出日期', '作出决定机关（移出）'],
      jyycData: [],
      jyycDatas: 0,
      pageNum02: 1,
      pageSize02: 5,
      total02: 0,
      // 抽查检查
      ccjc: ['序号', '抽查检查日期', '抽查检查类型', '抽查检查结果', '检查实施机关'],
      ccjcData: [],
      ccjcDatas: 0,
      pageNum03: 1,
      pageSize03: 5,
      total03: 0,
      // 司法协助
      sfxz: ['序号', '被执行人', '股权数额', '执行法院', '执行通知书文号', '类型状态'],
      sfxzData: [],
      sfxzDatas: 0,
      pageNum04: 1,
      pageSize04: 5,
      total04: 0,
      // 动产抵押
      // , '任务来源 /项目名称'
      dcdy: ['序号', '动产抵押登记编号', '动产抵押日期', '动产抵押登记机关', '被担保债权数额', '动产抵押状态', '动产抵押公告日期'],
      dcdyData: [],
      dcdyDatas: 0,
      pageNum05: 1,
      pageSize05: 5,
      total05: 0,
      // 抵押物
      // dyw: ['名称', '所有权/使用权归属', '抵押物概况-数量，质量，状况，所在地等信息'],
      dyw: ['序号', '抵押贷款编号', '抵押物', '所有权', '内容', '动产抵押公示日期', '备注'],
      dywData: [],
      dywDatas: 0,
      pageNum06: 1,
      pageSize06: 5,
      total06: 0,
      // 抵押权人
      // , '动产抵押公示日期'
      dyqr: ['序号', '动产抵押登记编号', '抵押所有者', '证件类型', '证件号', '地址'],
      dyqrData: [],
      dyqrDatas: 0,
      pageNum07: 1,
      pageSize07: 5,
      total07: 0,
      number: '',
      entId: ''
    }
  },
  computed: {
    getValue() {
      return function(val) {
        let dialogContent = this.dialogContent
        if (typeof dialogContent === 'object') {
          let rtVal = dialogContent.get(val)
          return !isNaN(rtVal) && rtVal.toString().length === 13
            ? this.$options.filters['dateFormat'](rtVal)
            : rtVal
        } else {
          return false
        }
      }
    }
  },
  mounted() {
    this.params.entName = this.$route.query.entname
    this.getEntExecutorInfoList() // 被执行人信息
    this.getRealTimeDataFindBreakFaith() // 失信被执行人
    this.getfindRefereeList() // 裁判文书
    this.getEntCourtNoticeSelectList()// 法院公告
    this.getEntAdministrativePunishmentInfo()// 行政处罚信息
    this.getEnvironProtectPunishSelectList() // 环保行政
    this.getEntTaxPunishmentList() // 税务行政处罚
    this.getsyjsx() // 食药监失信
    this.getEntAdministrativeLicenseInfoList()// 行政许可
    this.getEntOperationExceptionInfoList() // 经营异常
    this.getEntCheckInfoList() // 抽查检查
    this.getEntCourtHelpInfoList() // 司法协助
    this.getEntEstateMortgageInfoList()// 动产抵押
    this.getEntEstateMortgageGoodsInfoList()// 抵押物
    this.getEntEstateMortgagePersonInfoList()// 抵押权人
    // this.loading = false
  },
  methods: {
    gjspchange(flag) {
      this.getswxz()
    },
    sjspchange(flag) {
      this.getsjsw()
    },
    bjspchange(flag) {
      this.getbjsp()
    },
    changeInt(content) {
      let conMap = new Map()
      let contentDir = new Map(this.contentDir)
      for (let key of Object.keys(content)) {
        let name = contentDir.get(key)
        conMap.set(name, content[key])
      }
      this.dialogContent = conMap
    },
    // 关闭dialog
    resetShow(blur) {
      this.show = blur.cancleClose
    },
    // 查看详情
    getInfo(content, idx, all) {
      let contentDir = 'contentDir_' + idx
      if (!all) {
        this.contentDir =[dir[contentDir][8]]
      } else {
        this.contentDir = dir[contentDir]
      }
      let contentKey = [...new Map(this.contentDir).values()]
      this.contentKey = contentKey
      this.changeInt(content)
      this.show = true
    },
    // 被执行人信息
    getEntExecutorInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum,
        pageSize: _this.pageSize
      }
      api.getEntExecutorInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!rtn.data) return
        if (!_this.writDatas) {
          _this.tabList.push({
            idx: 1,
            name: '被执行人信息',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation'].offsetTop,
            target: _this.$refs['riskInformation']
          })
        }
        ++_this.writDatas
        _this.writData = rtn.data.list
        _this.total = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange(index) {
      this.pageNum = index
      this.getEntExecutorInfoList()
    },
    // 失信被执行人
    getRealTimeDataFindBreakFaith() {
      let _this = this
      let params = {
        pageNum: _this.pageNum1,
        pageSize: _this.pageSize1
      }
      api.getRealTimeDataFindBreakFaith({ ..._this.params, ...params }).then(rtn => {
        if (!rtn.data) return
        if (!_this.bzxrDatas) {
          _this.tabList.push({
            idx: 2,
            name: '失信被执行人信息',
            num: rtn.data.total,
            offsetTop: _this.$refs['riskInformation1'].offsetTop,
            target: _this.$refs['riskInformation1']
          })
        }
        ++_this.bzxrDatas
        _this.bzxrData = rtn.data.list
        _this.total1 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange1() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange1(index) {
      this.pageNum1 = index
      this.getRealTimeDataFindBreakFaith()
    },
    // 裁判文书
    getfindRefereeList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum2,
        pageSize: _this.pageSize2
      }
      api.getfindRefereeList2({ ..._this.params, ...params }).then(rtn => {
        // if (!rtn.data) return
        if (!_this.cpwsDatas || rtn.data.total) {
          this.tabList.push({
            idx: 3,
            name: '裁判文书',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation2'].offsetTop
          })
        } else {
          this.tabList.push({
            idx: 3,
            name: '裁判文书'
            // num: rtn.data.total,
            // offsetTop: this.$refs['riskInformation2'].offsetTop
          })
        }
        _this.cpwsDatas++
        _this.cpwsData = rtn.data.list
        _this.total2 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange2() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange2(index) {
      this.pageNum2 = index
      this.getfindRefereeList()
    },
    // 法院公告
    getEntCourtNoticeSelectList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum3,
        pageSize: _this.pageSize3
      }
      api.getEntCourtNoticeSelectList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.fyggDatas && rtn.data.total) {
          _this.tabList.push({
            idx: 4,
            name: '法院公告',
            num: rtn.data.total,
            offsetTop: _this.$refs['riskInformation3'].offsetTop,
            target: _this.$refs['riskInformation3']
          })
        }
        _this.fyggDatas++
        _this.fyggData = rtn.data.list
        _this.total3 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange3() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange3(index) {
      this.pageNum3 = index
      this.getEntCourtNoticeSelectList()
    },
    // 行政处罚信息
    getEntAdministrativePunishmentInfo() {
      let _this = this
      let params = {
        pageNum: _this.pageNum4,
        pageSize: _this.pageSize4
      }
      api.getEntAdministrativePunishmentInfo({ ..._this.params, ...params }).then(rtn => {
        if (!_this.xzcfDatas) {
          _this.tabList.push({
            idx: 5,
            name: '行政处罚信息',
            num: rtn.data.total,
            offsetTop: _this.$refs['riskInformation4'].offsetTop,
            target: _this.$refs['riskInformation4']
          })
        }
        ++_this.xzcfDatas
        _this.xzcfData = rtn.data.list
        _this.total4 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange4() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange4(index) {
      this.pageNum4 = index
      this.getEntAdministrativePunishmentInfo()
    },
    // 环保行政处罚
    getEnvironProtectPunishSelectList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum5,
        pageSize: _this.pageSize5
      }
      api.getEnvironProtectPunishSelectList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.hbxzDatas) {
          _this.tabList.push({
            idx: 6,
            name: '环保行政处罚',
            num: rtn.data.list.length,
            offsetTop: _this.$refs['riskInformation5'].offsetTop,
            target: _this.$refs['riskInformation5']
          })
        }
        _this.hbxzDatas++
        _this.hbxzData = rtn.data.list
        _this.total5 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange5() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange5(index) {
      this.pageNum5 = index
      this.getEnvironProtectPunishSelectList()
    },
    // 税务行政处罚
    getEntTaxPunishmentList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum6,
        pageSize: _this.pageSize6
      }
      api.getEntTaxPunishmentList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.swxzDatas) {
          this.tabList.push({
            idx: 7,
            name: '税务行政处罚',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation6'].offsetTop,
            target: _this.$refs['riskInformation6']
          })
        }
        _this.swxzDatas++
        _this.swxzData = rtn.data.list
        _this.total6 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange6() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange6(index) {
      this.pageNum6 = index
      this.getEntTaxPunishmentList()
    },
    // 食药监失信
    getsyjsx() {
      this.tabList.push({
        idx: 8,
        name: '食药监失信',
        num: 0,
        offsetTop: this.$refs['riskInformation7'].offsetTop,
        target: this.$refs['riskInformation7']
      })
      this.getswxz()
      this.getsjsw()
      this.getbjsp()
      this.getypcj()
    },
    // 国家食品安全抽检
    getswxz() {
      this.getRealTimeDataQualifiedFood()
      // this.getRealTimeDataUnQualifiedFood()
    },
    getRealTimeDataQualifiedFood() {
      let _this = this
      let params = {
        pageNum: _this.pageNum7,
        pageSize: _this.pageSize7
      }
      api.getRealTimeDataQualifiedFood({ ..._this.params, ...params }).then(rtn => {
        if (!rtn.data.list) return
        if (!_this.gjspcjData1) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.total7 += rtn.data.total
        }
        _this.gjspcjData1++
        if (_this.gjspflag) {
          _this.gjspcjData = rtn.data.list
        }
      })
    },
    getRealTimeDataUnQualifiedFood() {
      let _this = this
      let params = {
        pageNum: _this.pageNum6,
        pageSize: _this.pageSize6
      }
      api.getRealTimeDataUnQualifiedFood({ ..._this.params, ...params }).then(rtn => {
        if (!rtn.data.list) return
        if (!_this.gjspcjData0) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.totall7 += rtn.data.total
        }
        _this.gjspcjData0++
        if (!_this.gjspflag) {
          _this.gjspcjData = rtn.data.list
        }
      })
    },
    handleSizeChange7() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange7(index) {
      this.pageNum7 = index
      this.getswxz()
    },
    // 省级食品
    getsjsw() {
      this.getRealTimeDataProvinceQualifiedFood()
      this.getRealTimeDataProvinceUnQualifiedFood()
    },
    getRealTimeDataProvinceQualifiedFood() {
      let _this = this
      let params = {
        pageNum: _this.pageNum8,
        pageSize: _this.pageSize8
      }
      api.getRealTimeDataProvinceQualifiedFood({ ..._this.params, ...params }).then(rtn => {
        // if (!rtn.data.list) return
        if (!_this.sjspjdcjData1) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.total8 += rtn.data.total
        }
        _this.sjspjdcjData1++
        if (_this.sjspflag) {
          _this.sjspjdcjData = rtn.data.list
        }
      })
    },
    getRealTimeDataProvinceUnQualifiedFood() {
      let _this = this
      let params = {
        pageNum: _this.pageNum8,
        pageSize: _this.pageSize8
      }
      api.getRealTimeDataProvinceUnQualifiedFood({ ..._this.params, ...params }).then(rtn => {
        // if (!rtn.data.list) return
        if (!_this.sjspjdcjData0) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.totall8 += rtn.data.total
        }
        _this.sjspjdcjData0++
        if (!_this.sjspflag) {
          _this.sjspjdcjData = rtn.data.list
        }
      })
    },
    handleSizeChange8() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange8(index) {
      this.pageNum8 = index
      this.getsjsw()
    },
    // 保健食品
    getbjsp() {
      this.getRealTimeDataHealthcareQualified()
      this.getRealTimeDataHealthcareUnQualified()
    },
    getRealTimeDataHealthcareQualified() {
      let _this = this
      let params = {
        pageNum: _this.pageNum9,
        pageSize: _this.pageSize9
      }
      api.getRealTimeDataHealthcareQualified({ ..._this.params, ...params }).then(rtn => {
        // if (!rtn.data.list) return
        if (!_this.gjbjspjdcjData1) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.total9 += rtn.data.total
        }
        _this.gjbjspjdcjData1++
        if (_this.bjspflag) {
          _this.gjbjspjdcjData = rtn.data.list
        }
      })
    },
    getRealTimeDataHealthcareUnQualified() {
      let _this = this
      let params = {
        pageNum: _this.pageNum9,
        pageSize: _this.pageSize9
      }
      api.getRealTimeDataHealthcareUnQualified({ ..._this.params, ...params }).then(rtn => {
        // if (!rtn.data.list) return
        if (!_this.gjbjspjdcjData0) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
          _this.totall9 += rtn.data.total
        }
        _this.gjbjspjdcjData0++
        if (!_this.bjspflag) {
          _this.gjbjspjdcjData = rtn.data.list
        }
      })
    },
    handleSizeChange9() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange9(index) {
      this.pageNum9 = index
      this.getbjsp()
    },
    // 药品
    getypcj() {
      let _this = this
      let params = {
        pageNum: _this.pageNum0,
        pageSize: _this.pageSize0
      }
      api.getRealTimeDataMedicineCheck({ ..._this.params, ...params }).then(rtn => {
        if (!_this.gjypcjDatas) {
          _this.tabList.map(e => {
            if (e.name === '食药监失信') {
              e.num += rtn.data.total
            }
          })
        }
        _this.gjypcjDatas++
        _this.gjypcjData = rtn.data.list
        _this.total0 = rtn.data.total
      })
    },
    handleSizeChange0() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange0(index) {
      this.pageNum0 = index
      this.getypcj()
    },
    // 行政许可
    getEntAdministrativeLicenseInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum01,
        pageSize: _this.pageSize01
      }
      api.getEntAdministrativeLicenseInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.xzxkDatas) {
          _this.tabList.push({
            idx: 9,
            name: '行政许可',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation01'].offsetTop,
            target: _this.$refs['riskInformation01']
          })
        }
        ++_this.xzxkDatas
        _this.xzxkData = rtn.data.list
        _this.total01 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange01() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange01(index) {
      this.pageNum01 = index
      this.getEntAdministrativeLicenseInfoList()
    },
    // 经营异常
    getEntOperationExceptionInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum02,
        pageSize: _this.pageSize02
      }
      api.getEntOperationExceptionInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.jyycDatas) {
          _this.tabList.push({
            idx: 10,
            name: '经营异常',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation02'].offsetTop,
            target: _this.$refs['riskInformation02']
          })
        }
        ++_this.jyycDatas
        _this.jyycData = rtn.data.list
        _this.total02 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange02() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange02(index) {
      this.pageNum02 = index
      this.getEntOperationExceptionInfoList()
    },
    // 抽查检查
    getEntCheckInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum03,
        pageSize: _this.pageSize03
      }
      api.getEntCheckInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.ccjcDatas) {
          _this.tabList.push({
            idx: 11,
            name: '抽查检查',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation03'].offsetTop,
            target: _this.$refs['riskInformation03']
          })
        }
        ++_this.ccjcDatas
        _this.ccjcData = rtn.data.list
        _this.total03 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange03() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange03(index) {
      this.pageNum03 = index
      this.getEntCheckInfoList()
    },
    // 司法协助
    getEntCourtHelpInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum04,
        pageSize: _this.pageSize04
      }
      api.getEntCourtHelpInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.sfxzDatas) {
          _this.tabList.push({
            idx: 12,
            name: '司法协助',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation04'].offsetTop,
            target: _this.$refs['riskInformation04']
          })
        }
        ++_this.sfxzDatas
        _this.sfxzData = rtn.data.list
        _this.total04 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange04() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange04(index) {
      this.pageNum04 = index
      this.getEntCourtHelpInfoList()
    },
    // 动产抵押
    getEntEstateMortgageInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum05,
        pageSize: _this.pageSize05
      }
      api.getEntEstateMortgageInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.dcdyDatas) {
          _this.tabList.push({
            idx: 13,
            name: '动产抵押',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation05'].offsetTop,
            target: _this.$refs['riskInformation05']
          })
        }
        ++_this.dcdyDatas
        _this.dcdyData = rtn.data.list
        _this.total05 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange05() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange05(index) {
      this.pageNum05 = index
      this.getEntEstateMortgageInfoList()
    },
    // 抵押物
    getEntEstateMortgageGoodsInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum06,
        pageSize: _this.pageSize06
      }
      api.getEntEstateMortgageGoodsInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.dywDatas) {
          _this.tabList.push({
            idx: 15,
            name: '抵押物',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation06'].offsetTop,
            target: _this.$refs['riskInformation06']
          })
        }
        ++_this.dywDatas
        _this.dywData = rtn.data.list
        _this.total06 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange06() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange06(index) {
      this.pageNum06 = index
      this.getEntEstateMortgageGoodsInfoList()
    },
    // 抵押权人
    getEntEstateMortgagePersonInfoList() {
      let _this = this
      let params = {
        pageNum: _this.pageNum07,
        pageSize: _this.pageSize07
      }
      api.getEntEstateMortgagePersonInfoList({ ..._this.params, ...params }).then(rtn => {
        if (!_this.dyqrDatas) {
          _this.tabList.push({
            idx: 14,
            name: '抵押权人',
            num: rtn.data.total,
            offsetTop: this.$refs['riskInformation07'].offsetTop,
            target: _this.$refs['riskInformation07']
          })
        }
        ++_this.dyqrDatas
        _this.dyqrData = rtn.data.list
        _this.total07 = rtn.data.total
      })
        .catch(err => {
          _this.pageState = err
        })
    },
    handleSizeChange07() {
      // 当pagesize改变的时候出发该函数
    },
    handleCurrentChange07(index) {
      this.pageNum07 = index
      this.getEntEstateMortgagePersonInfoList()
    }
  },
  components: {
    jNoData,
    jTabNav,
    jDialog
  }
}
</script>
<style lang="scss" scoped>
.syjsx {
  .czxx {
    margin: 10px 0 30px 0;
    h5 {
      margin: 10px 0;
    }
  }
}
.risk-compliance {
  padding: 28px 40px;
  font-size: 14px;
  select {
    margin: 0 10px;
    border: 1px solid #ccc;
  }
  .detail-base-title {
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0 0 12px;
    position: relative;
    background-image: linear-gradient(0deg,#1891ef,#1891ef);
    background-size: 3px 16px;
    background-position: 0 37px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #eee;
  }
  h4.detail-base-title span {
    border: 1px solid #9dc5fd;
    border-radius: 10px;
    color: #1688f3;
    background: #f2f7ff;
    font-size: 12px;
    padding: 0 10px;
    margin-left: 15px;
    vertical-align: top;
  }
  .table-wrap {
    padding: 30px 20px;
    table {
      border-collapse: collapse;
      width: 100%;
      text-align: center;
      line-height: 30px !important;
      tr:hover {
        background: #f3f8ff;
      }
      td,
      th {
        border: 1px solid #e2e2e2;
        line-height: 36px;
      }
      th {
        line-height: 36px;
        color: #999;
        background: #f2f1f1;
      }
      &.fyggwrap {
        th:nth-child(1) {
          width: 50px;
        }
        th:nth-child(2),
        th:last-child,
        th:nth-child(4) {
          width: 200px;
        }
      }
      &.sxbzx {
        th:nth-child(1) {
          width: 50px;
        }
        th:nth-child(2),
        th:nth-child(3),
        th:nth-child(4) {
          width: 200px;
        }
      }
      &.swxzcp {
        th:nth-child(1) {
          width: 50px;
        }
        th:nth-child(2),
        th:last-child {
          width: 150px;
        }
        th:nth-child(5) {
          width: 120px;
        }
      }
      &.lessxx {
        th:nth-child(1) {
          width: 50px;
        }
        th:nth-child(2),
        th:last-child {
          width: 120px;
        }
        th:nth-child(4) {
          width: 250px;
        }
        td {
          line-height: 25px;
          padding: 5px;
        }
      }
      &.moremess {
        th:nth-child(1) {
          width: 100px;
        }
        th:nth-child(2),
        th:nth-child(3),
        th:nth-child(4),
        th:nth-child(5),
        th:nth-child(6) {
          width: 120px;
        }
        td{
          line-height: 20px;
          padding: 5px;
        }
      }
    }
    .litable {
      h4 {
          width: 100%;
          padding: 10px;
          span {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            border: 1px solid #ccc;
            text-align: center;
          }
          b {
            font-weight: 400;
            margin-left: 10px;
          }
          a {
            color: #0066ff;
            margin-left: 10px;
          }
        }
        th {
          &.short {
            width: 150px;
          }
        }
    }
  }
  .mb10 {
    margin-top: 20px;
  }
  .dialog {
    td {
      padding-left: 5px;
      a {
        text-decoration: none;
      }
    }
  }
  /deep/ .el-dialog__header {
    padding: 10px;
    background: #3f8ffa;
    .el-dialog__title {
      color: #fff;
    }
    .el-dialog__headerbtn {
      top: 12px;
      i {
        color: #fff;
      }
    }
  }
}
</style>



// WEBPACK FOOTER //
// src/view/clib/riskInformation.vue